body,h1,h2,ol,ul,li,p,input {
	margin:0;
	padding:0
}
ul,ol {
	list-style:none
}
input[type="text"],input[type="search"] {
	-webkit-appearance:none;
	-webkit-tap-highlight-color:#fff;
	outline:0
}
html {
    -webkit-text-size-adjust: none
}

html {
    font-size: 200px;
}
body {
	color:#333;
	font-family:arial;
	background:#f4f4f4;
    font-size: .12rem;
	font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei"
}
.viewport {
    max-width: 720px;
    margin: auto;
    overflow: hidden
}
@media only screen and (max-width: 300px) {
    html {
        font-size: 83.3333px
    }
    .viewport {
        max-width: 300px
    }
}

@media only screen and (max-width: 310px) and (min-width: 300px) {
    html {
        font-size: 83.3333px
    }
    .viewport {
        max-width: 300px
    }
}

@media only screen and (max-width: 320px) and (min-width: 310px) {
    html {
        font-size: 88.8889px
    }
    .viewport {
        max-width: 320px
    }
}

@media only screen and (max-width: 360px) and (min-width: 320px) {
    html {
        font-size: 100px
    }
    .viewport {
        max-width: 360px
    }
}

@media only screen and (max-width: 360px) and (min-width: 350px) {
    html {
        font-size: 100px
    }
    .viewport {
        max-width: 360px
    }
}

@media only screen and (max-width: 480px) and (min-width: 360px) {
    html {
        font-size: 100px
    }
    .viewport {
        max-width: 480px
    }
}

@media only screen and (max-width: 480px) and (min-width: 470px) {
    html {
        font-size: 133.3333px
    }
    .viewport {
        max-width: 480px
    }
}

@media only screen and (max-width: 560px) and (min-width: 480px) {
    html {
        font-size: 133.3333px
    }
    .viewport {
        max-width: 560px
    }
}

@media only screen and (max-width: 570px) and (min-width: 560px) {
    html {
        font-size: 158.3333px
    }
    .viewport {
        max-width: 570px
    }
}

@media only screen and (max-width: 640px) and (min-width: 570px) {
    html {
        font-size: 158.3333px
    }
    .viewport {
        max-width: 640px
    }
}

@media only screen and (max-width: 640px) and (min-width: 630px) {
    html {
        font-size: 177.7778px
    }
    .viewport {
        max-width: 640px
    }
}

@media only screen and (max-width: 710px) and (min-width: 640px) {
    html {
        font-size: 177.7778px
    }
    .viewport {
        max-width: 710px
    }
}


a,a:visited {
	color:#8d8d8d;
	text-decoration:none
}
.hidden {
	display:none
}
.wrap {
	min-width:320px;
	margin:0 auto
}
.region {
    text-align: center;
}
.module {
	width:3.0rem;
	margin:0 auto
}
.mr-t20 {
	margin-top:.2rem
}
.mr-b20 {
	margin-bottom:.2rem
}
.mr-t30 {
	margin-top:.3rem
}
.slider {
	height:1.5rem;
	overflow:hidden;
	position:relative
}
.slider ul {
	width:16rem;
	height:1.5rem;
	position:absolute;
	left:0;
	top:0
}
.slider ul li {
	width:3.2rem;
	height:1.50rem;
	overflow:hidden;
	float:left
}
.slider ul li img {
	width:3.85rem;
	height:1.8rem
}
.slider .slider-status {
	position:absolute;
	width:100%;
	height:3px;
	bottom:0;
	background-color:rgba(51,51,51,0.5);
	-webkit-transform:translate3d(0,0,0);
	display:-webkit-box
}
.slider .slider-status span {
	display:block;
	-webkit-box-flex:1;
	height:100%;
	overflow:hidden
}
.slider .slider-status span.sel {
	background-color:#E50066;
}
.main-search {
	display:none
}
.main-search .hd {
	height:.4rem;
	background-image:url();
	background-repeat:repeat-x;
	position:relative;
    background-size: .02rem .4rem;
}
.main-search .hd .close {
	width:.34rem;
	height:.25rem;
	display:block;
	overflow:hidden;
	text-indent:-1rem;
	float:right;
	background-image:url();
    background-repeat: no-repeat;
    background-size: .34rem .25rem;
}
.main-search .tab {
	position:absolute;
	left:10px;
	bottom:0
}
.main-search .tab li {
	display:inline-block;
	width:80px;
	height:30px;
	margin:0 10px 0 0;
	line-height:30px;
	border:1px solid #850100;
	border-radius:4px 4px 0 0;
	color:#fff;
	background-color:#990002;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	cursor:pointer
}
.main-search .tab li.on {
	color:#990002;
	background-color:#ddd;
	border-bottom:.01rem solid #ddd;
    font-size: .12rem;
}
.main-search .kwd {
	padding:.1rem .2rem;
	border-bottom:.01rem solid #ccc;
	background-color:#ddd
}
.main-search .kwd .content {
	height:.28rem;
	overflow:hidden;
	border:.01rem solid #d3d3d3;
	border-radius:.2rem;
	background-color:#fff;
	position:relative
}
.main-search .kwd .text {
	width:2.2rem;
	height:.28rem;
	display:inline-block;
	margin:0 0 0 .1rem;
	border:0;
	position:relative
}
.main-search .kwd .clear {
	position:absolute;
	z-index:999;
	right:.4rem;
	top:.03rem;
	width:.22rem;
	height:.22rem;
	overflow:hidden;
	display:block;
	border:0;
	text-indent:-99px;
	background:transparent url() no-repeat;
    background-size: .22rem .22rem;
}
.main-search .kwd .sub {
	float:right;
	width:.36rem;
	height:.28rem;
	display:inline-block;
	overflow:hidden;
	border:0;
	border-left:.01rem solid #ddd;
	border-radius:0 .22rem .22rem 0;
	background:#f2f2f2 url() no-repeat center center;
    background-size: .16rem .16rem;
	text-indent:-1.0rem
}
.main-search .result ul {
	background-color:#fff;
	padding-bottom:1px
}
.main-search .result li {
	height:36px;
	line-height:36px;
	border-bottom:1px solid #ddd;
	background-color:#eee;
	margin:0 0 1px 0;
	text-indent:30px;
	font-size:14px
}
.main-search .clear-history {
	text-align:center;
	margin:30px 0
}
.main-search .clear-history a,.main-search .clear-history a:visited {
	display:inline-block;
	width:150px;
	height:36px;
	line-height:36px;
	border:1px solid #d4d5d6;
	border-radius:2px;
	background:#eee url() repeat-x 0 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#333
}
header {
	width:100%;
	height:.89rem
}
header .top {
	position:relative
}
header .gift {
	position:absolute;
	top:6px;
	right:20px;
	width:90px;
	height:36px;
	display:block
}
header .gift img {
	display:block;
	float:left
}
header .gift .arrow {
	margin:10px 0 0 48px;
	display:block;
	width:42px;
	height:15px;
	background:url() no-repeat 0 0
}
header h1 {
	height:.42rem;
	display:inline-block;
	margin:.16rem 0 0 0
}
header h1 img {
    width: 1.44rem;
    height: .21rem;
}
header #fake-search {
	padding:0 10px
}
header .fakeInput {
	height:.38rem;
    width: 3rem;
	margin:0 auto;
	background:url(../images/search_bg.png) no-repeat;
    background-size: 2.93rem .38rem;
}
header .fakeInput button {
	width:100%;
	height:.38rem;
	line-height:.38rem;
	text-indent:.08rem;
	color:#999;
	border:0;
	text-align:left;
	margin:0;
	padding:0;
    font-size: .12rem;
	background:transparent
}
.entry-list {
	margin-top:30px
}
.entry-list a,.entry-list a:visited {
	width:60px;
	height:60px;
	overflow:hidden;
	display:inline-block;
	margin:0 7px 0 6px;
	text-align:center
}
.entry-list a span {
	height:24px;
	line-height:24px;
	color:#666;
	text-shadow:0 1px 1px #fff
}
.entry-list a img {
	margin-bottom:4px
}
.entry-list .entry-decollator {
	display:inline-block;
	width:1px;
	height:32px;
	background:#d7d7d7;
	margin-bottom:20px
}
.focus {
	height:185px;
	border-left:1px solid #dedede;
	border-bottom:1px solid #dedede;
	margin:0 auto 0 auto;
	width:300px;
	background-color:#fff
}
.focus a {
	display:inline-block;
	width:149px;
	height:92px;
	border-right:1px solid #dedede;
	border-top:1px solid #dedede;
	float:left
}
.focus img {
	width:52px;
	height:66px;
	margin:10px 5px;
	float:left
}
.focus-name {
	font-size:14px;
	color:#373737;
	margin-top:18px;
	display:inline-block
}
.focus-info {
	font-size:12px;
	color:#b3b3b3
}
.in-comm {
	margin-top:12px
}
.in-commh {
	display:-moz-box;
	display:-webkit-box
}
.in-commh .in-commh-img {
	width:240px;
	height:150px;
	display:-webkit-box;
	display:-moz-box
}
.in-commh .in-commh-img img {
	width:240px;
	height:150px
}
.in-commh .in-commh-img a {
	display:block;
	position:relative;
	color:#fff
}
.in-commh .in-commh-img a p {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:25px;
	line-height:25px;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	text-align:center
}
.in-commh .in-commh-t {
	width:60px;
	height:150px;
	color:#fff;
	position:relative
}
.in-commh .in-commh-t:after {
	content:'';
	position:absolute;
	width:27px;
	height:27px;
	bottom:14px;
	left:16px;
	z-index:1;
	-webkit-background-size:contain;
	background:url(http://img03.taobaocdn.com/tps/i3/T1rdKnXpJaXXbSBwfc-27-27.png) no-repeat
}
.in-commh .in-commh-t a,.in-commh .in-commh-t a:visited {
	color:#fff;
	display:block;
	height:100%;
	z-index:2
}
.in-commh .in-commh-t h3 {
	font-size:16px;
	padding:8px 0 0 21px;
	line-height:22px;
	width:20px
}
.in-commh .in-commh-t p {
	font-size:12px;
	line-height:16px
}
.in-commt {
	margin-top:8px
}
.in-commt ul:after {
	display:block;
	content:'';
	clear:both;
	visibility:hidden
}
.in-commt li {
	text-align:center;
	width:98px;
	float:left;
	margin-top:2px
}
.in-commt li:nth-child(3n-1) {
	width:100px;
	margin:2px 2px 0
}
.in-commt li a {
	display:block;
	color:#fff;
	height:42px;
	line-height:42px;
	font-size:14px
}
.user-panel {
	font-size:14px;
	position:relative;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	border-radius:2px;
    text-align: left;
}
.user-panel .member,.user-panel .guest {
	height:40px;
	line-height:40px;
	text-indent:10px
}
.user-panel .member .logout {
	margin:0 8px 0 8px
}
.user-panel .guest a {
	margin:0 8px 0 0
}
footer {
	width:100%
}
footer a {
	color:#047
}
.fb-top {
	width:70px;
	height:30px;
	border:1px solid #c7c7c7;
	border-radius:3px;
	position:absolute;
	right:10px;
	top:4px;
	background:url(http://img01.taobaocdn.com/tps/i1/T1brOlXyFfXXciAGbm-70-30.png) 0 0 repeat-x
}
footer .version,footer .copyright {
	text-align:center;
	color:#666
}
footer .version {
	margin:15px 0 0
}
footer .version span {
    color:#666;
    margin:0 15px 0 0
}
footer .version a {
    color:#047;
    margin:0 15px 0 0
}
footer .copyright {
	margin:8px 0 0
}
.storey-title {
	margin:0;
	padding:0;
	height:1.5rem;
	width:.54rem;
	font-size:.18rem;
	line-height:.2rem;
	text-align:center
}
.storey-title span,.storey-title a {
	-webkit-box-align:center;
	height:100%;
	padding:0 .02rem
}
.storey-top-tags {
	height:1.5rem;
	width:2.46rem;
	overflow:hidden
}
.storey-top-tags a {
	display:block
}
.storey-top-tags a img {
    width: 1.26rem;
    height: 1.5rem;
}
.storey-top-tags .complex-tag {
	position:relative;
	width:1.19rem;
	height:.75rem;
	border-left:1px solid #dedede;
	border-bottom:1px solid #dedede;
	display:block
}
.storey-top-tags a.complex-tag img {
    width: 1.2rem;
    height: .75rem;
}
.storey-top-tags .complex-tag span {
	position:absolute;
	top:.15rem;
	left:.07rem;
	font-size:.14rem;
	color:#373737
}
.storey-tags {
	margin-top:.05rem
}
.storey-tags a {
	line-height:.3rem;
	margin-top:.05rem;
	padding:0 .12rem;
	background-color:#fff;
	box-shadow:0 .01rem .01rem #e8e8e8;
	display:-webkit-inline-box;
	color:#373737
}
.storey-brand {
	margin-top:.2rem;
	background-color:#fff;
	box-shadow:0 .01rem .01rem #e8e8e8
}
.storey-brand ul {
	width:3.0rem;
	height:1.0rem;
	overflow:hidden
}
.storey-brand ul li {
	float:left;
	width:1.0rem;
	height:.3rem;
	border-left:.01rem solid #dcdcdc;
	margin:.1rem 0 .1rem -.01rem;
	text-align:center
}
.storey-brand ul li a {
	display:block
}
.storey-brand ul li img {
	width:.76rem;
	height:.3rem
}
.storey-title .fill-bg,.storey-tags .fill-bg {
	color:#fff
}
.grid-c a img {
    width: 3.0rem;
    height: 1.12rem;
}
.in-red .fill-bg {
	background-color:#f7808e
}
.in-orange .fill-bg {
	background-color:#ff9f80
}
.in-purple .fill-bg {
	background-color:#887295
}
.in-pink .fill-bg {
	background-color:#f781a2
}
.in-brown .fill-bg {
	background-color:#b48a7b
}
.in-green .fill-bg {
	background-color:#368c9e
}
.home_bq
{
	overflow: hidden;
	padding: .25rem 0 .1rem .15rem;
    display: -webkit-box;
}
.home_bq dl
{
	text-align: center;
	margin: 0 .15rem .08rem 0;
    -webkit-box-flex:1.0;
}
.home_bq dl dt img {
    width: .51rem;
    height: .51rem;
}
.home_bq dl dd
{
	margin: 0px;
	padding: 0px;
	height: .2rem;
	line-height: .2rem;
}
